.main{
     min-height: 100vh;
     padding: 0;
     margin: 0;
     background-image: url(../photo/support_kontakt_bg.jpg);
     background-position: center;
     background-size: cover;
}
.inp_feld{
     box-shadow: 2px 2px 5px black;
     border-radius: 5px;
     border-style: solid;
     border-width: 2px;
     border-color: rgba(39, 129, 38, 0.998);
     max-width: 250px;
     min-width: 250px;
     font-size: larger;
     height: 40px;
     margin-bottom: 30px;
}
.row h2{
     color: white;
     padding: 0;
     text-shadow: 1px 1px black;
}
.row h4{
     color: white;
     padding: 0;
     text-shadow: 1px 1px black;
}
.span_ausfüllen{
     text-align: center;
     border-width: 2px;
     border-color: rgba(0, 0, 0, 0.998);
     border-style: solid;
     border-radius: 10px;
     width: auto;
     height: auto;
     font-size: 20px;
     font-weight: 600;
     background-color: rgba(255, 255, 255, 0.878);
     color: rgb(0, 0, 0);
     position: absolute;
     transform: translatey(35px) translatex(120px);
     
}
.span_verschieben{
     transform: translatex(300px) translateY(-30px);
     

}
.container textarea{
     box-shadow: 2px 2px 5px black;
     border-width: 2px;
     border-color: rgba(39, 129, 38, 0.998);
     border-radius: 5px;
     border-style: solid;
     font-size: larger;
     max-width: 525px;
     height: 300px;
}
.container button{
     box-shadow: 2px 2px 5px black;
     border-radius: 5px;
     border-style: solid;
     border-color: rgba(39, 129, 38, 0.998);
     background-color: rgba(39, 129, 38, 0.998);
     color: white;
     font-size: larger;
     max-width: 100px;
     height: 35px;
     margin-top: 35px;
     text-align: center;
}

.container button:hover{
     border-width: 3px;
     background-color: rgba(26, 86, 25, 0.998);
     border-color: rgba(26, 86, 25, 0.998);
}

.inp_feld:hover, .container textarea:hover{
     box-shadow: 3px 3px 8px black;
     border-width: 4px;
}
.inp_feld:focus, .container textarea:focus{
     box-shadow: 3px 3px 8px black;
     border-width: 2px;
     border-color: rgba(39, 129, 38, 0.998);
}

@media screen and (max-width: 768px) {
     .inp_feld{
          min-width: 100%;
     }
     .span_verschieben{
          transform: translatex(25px) translateY(40px);
     }
     .span_ausfüllen{
          text-align: center;
          border-width: 2px;
          border-color: rgba(0, 0, 0, 0.998);
          border-style: solid;
          border-radius: 10px;
          min-width: 100%;
          height: 100%;
          font-size: 20px;
          font-weight: 600;
          background-color: rgba(255, 255, 255, 0.878);
          color: rgb(0, 0, 0);
          position: relative;
          transform: translatey(0) translatex(0);
          margin-top: 25px;
          margin-bottom: 20px;
          
     }
}